<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>用户列表 - 助学贷款管理系统</title>
    <link rel="stylesheet" href="./static/layui/css/layui.css">
    <link rel="stylesheet" href="./static/admin/css/style.css">
    <script src="./static/layui/layui.js"></script>
    <script src="./static/js/jquery-3.3.1.min.js"></script>
    <script src="./static/js/vue.min.js"></script>
    <script src="./static/admin/js/config.js"></script>
</head>
<body class="p20">
<div class="layui-row">
    <form class="form-inline" action="/listUserVague.do?realname=" method="get">
    <div class="layui-col-lg8">
        <div class="layui-input-inline" style="width: 300px">
            <input type="text" name="realname" value="" placeholder="用户名" class="layui-input key">
        </div>
        <button type="submit" class="layui-btn sou">查询</button>
    </div>
    </form>
</div>

<table class="layui-table layui-form">

    <thead>
    <tr>
        <th><a>ID</a></th>
        <th>用户名</th>
        <th>真实姓名</th>
        <th>性别</th>
        <th>年龄</th>
        <th>学校</th>
        <th>专业</th>
        <th>状态</th>
        <th><a>操作</a></th>
    </tr>
    </thead>
    <tbody>
    <c:forEach items="${userList}" var="s" varStatus="status">
        <tr class="id36567">
        <td>${s.id}</td>
        <td>${s.username}</td>
        <td>${s.realname}</td>
         <td>${s.sex}</td>
         <td>${s.age}</td>
         <td>${s.school}</td>
         <td>${s.major}</td>
         <c:if test="${s.status == 1}"><td>正常</td></c:if>
         <c:if test="${s.status == 0}"><td>封禁</td></c:if>
         <c:if test="${s.status == 2}"><td>申请解封</td></c:if>
         <td>
            <button type="button" class="layui-btn layui-btn-sm" onclick="jump(${s.id})">信息维护</button>
            <button type="button" class="layui-btn layui-btn-sm" onclick="adminUserPwd(${s.id})">修改密码</button>
            <c:if test="${s.status == 1}"><button type="button" class="layui-btn layui-btn-sm layui-btn-danger" onclick="adminBanStatus(${s.id})">封禁</button></c:if>
             <c:if test="${s.status == 0}"><button type="button" class="layui-btn layui-btn-sm layui-btn-danger layui-btn-disabled" >封禁</button></c:if>
             <c:if test="${s.status == 2}"><button type="button" class="layui-btn layui-btn-sm layui-btn-danger layui-btn-disabled" >封禁</button></c:if>
             <c:if test="${s.status == 0}"><button class="layui-btn layui-btn-sm  layui-btn-danger" onclick="adminAuditStatus(${s.id})">解封</button></c:if>
            <c:if test="${s.status == 2}"><button class="layui-btn layui-btn-sm  layui-btn-danger" onclick="adminAuditStatus(${s.id})">解封</button></c:if>
            <c:if test="${s.status == 1}"><button class="layui-btn layui-btn-sm  layui-btn-danger layui-btn-disabled" onclick="">解封</button></c:if>
            <button type="button" class="layui-btn layui-btn-sm  layui-btn-danger" onclick="adminDelUser(${s.id})">删除</button>
        </td>
        </tr>
    </c:forEach>
    </tbody>
</table>
<div class="page">
    <ul class="pagination">
        <%--跳到首页 这里做了判断 如果没有前一页 那么 跳到首页的这个标签是不可点击的 class="disabled" --%>
        <c:if test="${page.hasPreviouse}"><li><a href="?page.start=1"><<</a></li></c:if>
        <c:if test="${!page.hasPreviouse}"><li><a href="?page.start=0"><<</a></li></c:if>
        <%--跳到前一页 同样做了判断 如果没有前一页 则不可点击前跳 class="disabled" --%>
         <c:if test="${page.hasPreviouse}"><li> <a href="?page.start=${page.start-page.count}"><</a></li></c:if>
         <c:if test="${!page.hasPreviouse}"><li> <a><</a></li></c:if>
        <%--中间的分页  显示各页号--%>
        <%-- begin:开始的元素 end:最后一个元素 varStatus:代表循环状态的变量名称 --%>
        <%-- 比如我一共39条元素 共4页 第一页记为0 最后一页 4-1 =3  --%>
        <c:forEach begin="0" end="${page.totalPage-1}" varStatus="status">
            <%-- 这部分解释下
                 status.count：从1开始计数  1 2 3 4 ....39
                 status.index：从0开始计数  0 1 2 3 ....38
                 page.count:   每页数量
                  -10 <= status.count*page.count-page.start<= 30
                 显示当前页码的前两个和后两个就可，例如当前页码为3的时候，就显示 1 2 3(当前页) 4 5 的页码
                 这里不理解没关系 一会儿会有图解
             --%>
            <c:if test="${status.count*page.count-page.start<=30 && status.count*page.count-page.start>=-10}">
                <%-- status.index*page.count==page.start 判断是否是目前的这一页
                     举例：status.index = 2  page.count = 10
                           第一页 0  第二页 10  第三页 20   （数字指每页第一行的索引）
                           如果现在在第三页 那么 2 * 10 = 20  条件成立
                           class="disabled"  此页数的标签不可点击
                           class="current"   此页数的标签颜色显示为灰色表示目前位置停留在此页 --%>
                <li <c:if test="${status.index*page.count==page.start}">class="disabled"</c:if>>
                    <a href="?page.start=${status.index*page.count}"
                       <c:if test="${status.index*page.count==page.start}">class="current"</c:if>
                    >${status.count}</a>
                </li>
            </c:if>
        </c:forEach>
        <%--跳到下一页 同样做了判断 如果没有下一页 则不可点击后跳 class="disabled" --%>
         <c:if test="${page.hasNext}"><li><a href="?page.start=${page.start+page.count}">></a></li></c:if>
         <c:if test="${!page.hasNext}"><li><a>></a></li></c:if>
        <%--跳到尾页 如果没有后一页 那么 跳到尾页的这个标签是不可点击的 class="disabled" --%>
        <li <c:if test="${!page.hasNext}">class="disabled"</c:if>>
            <a href="?page.start=${page.last}">
                >>
            </a>
        </li>
    </ul>
</div>




<script src="./static/admin/js/script.js"></script>
<script type="text/javascript" language="javascript">
    function adminDelUser(id)
    {
        var message=confirm("你确定要删除这条信息吗？");
        if(message===true)
        {
            window.location.href="adminDelUser.do?id="+id;
        }
        else if(message==false)
        {
            window.location.href="listUser.do";
        }
    }
    function jump(id) {
        window.location.href="findUserInfo.do?id="+id;
    }
    function adminUserPwd(id) {
        window.location.href="adminUserPwd?id="+id;
    }
    function adminAuditStatus(id) {
        var message=confirm("你确定要解封此账号吗？");
        if(message===true)
        {
            window.location.href="adminAuditStatus.do?id="+id;
        }
        else if(message==false)
        {
            window.location.href="adminListUser.do";
        }
    }
    function adminBanStatus(id) {
        var message=confirm("你确定要封禁此账号吗？");
        if(message===true)
        {
            window.location.href="adminBanStatus.do?id="+id;
        }
        else if(message==false)
        {
            window.location.href="adminListUser.do";
        }
    }
</script>
</body>
</html>
